<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/12306.css"/>
	</head>
	<body>
		<h1 style="text-align: center;">仿铁路12306</h1>
<!--导航栏-->
		<div class="navi">
			<ul>
				<li class="navi_item1"><span>首页</span></li>
				<li class="navi_item"><span>车票 &nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>团购服务&nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>会员服务&nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>站车服务&nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>商旅服务&nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>出行指南&nbsp;&nbsp;&or;</span></li>
				<li class="navi_item"><span>信息查询&nbsp;&nbsp;&or;</span></li>
			</ul>
		</div>
		<br />
	
	
<!--提示栏    相对浏览器定位-->
		<div id="d1">
			<div class="dx">
				<a href="17不对称打击.html">
					<div class="da1">
						飞机大战项目
					</div>
				</a>
			</div>
			<div class="dx">					
				<a href="06图片切换（网页通用套路）.html">
					<div class="da2">
						图片切换项目
					</div>
				</a>
			</div>
			<div class="dx">		
				<a href="12记事本.html">
					<div style="background-color: deepskyblue;" class="da2">
						记事本项目
					</div>
				</a>
			</div>
		</div>
			
			
<!--服务栏-->
		<div id="server">
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/1.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>重点旅客预约</font>
					</a>
				</dd>
			</dl>
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/2.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>疑失物品查找</font>
					</a>
				</dd>
			</dl>
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/3.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>共享汽车</font>
					</a>
				</dd>
			</dl>
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/4.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>便民托运</font>
					</a>
				</dd>
			</dl>
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/5.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>车站引导</font>
					</a>
				</dd>
			</dl>
			<dl class="server_item">
				<dt>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
						<img src="img/6.PNG" />
					</a>
				</dt>
				<dd>
					<a href="https://kyfw.12306.cn/otn/resources/login.html">
					<font>站车风采</font>
					</a>
				</dd>
			</dl>
		</div>
		<br />
		<br />
			
			<div id="travle">
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		<dl class="travle_item">
			<dt>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
				<img src="img/7.PNG"/></a>
				
			</dt>
			<dd>
				<a href="https://travel.12306.cn/portal/travel/detail/ff80808157df83c201644684cc7c1388">
					<p>"环西部火车游"美丽甘南三日游</p></a>
				<span><font>&yen;</font>&nbsp;880</span>
				
			</dd>
		</dl>
		</div>
			
<!--介绍栏-->
		<div class="outerintroduce">
			<div id="in1" class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
				</ul>
			</div>
			<div id="in2" class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
				</ul>
			</div>
			<div class="introduce">
				<h3>最新发布</h3>
				<ul>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
					<li><a href="https://www.12306.cn/mormhweb/zxdt/201411/t20141126_2316.html">关于调整互联网、电话订票起售时间的公告</a></li>
				</ul>
			</div>
		</div>		
		<br />			
		<br />
		<br />
		<br />
	</body>
</html>
